<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="app">
			<div v-if="a == 0">出现</div>	
			<button @click="add">+</button>
		</div>
	</body>
	<script src="vue.js"></script>
	<script>
		const { createApp, ref } = Vue;
		const app = createApp({
			setup() {
				let a = ref(0) //a的初始值
				function add(){//设置的add函数
					if(a.value==0){
						a.value++;//button的函数代指let a 的值进行了++
					}else{
						a.value--;
					}
				}
				return {
					a,
					add
				}
			}
		})
		// v-on 可以简写为 @
		// v-bind: 可以简写为 :
		app.mount('#app')
	</script>
</html>